<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

</h:head>
<title>Lista de Clientes</title>
<h:body style="background-color: transparent">>
	<f:view>
		<h:form id="lista-de-clientes" style="font-size: 12px">
			<p:layout fullPage="true" style="font-size: 10px">
				<p:layout fullPage="true">
					<p:layoutUnit id="top" position="center" size="60">
						<h:panelGrid columns="4">
							<p:graphicImage width="230px" height="80px"
								value="resources/imagens/gerente.jpg" />
							<div style="float: right;">
								Olá, Seja bem vindo #usuario |
								<p:commandLink value="Sair #login" />
							</div>
						</h:panelGrid>

						<center>
							<h:form>
								<p:panel>
									<p:panelGrid columns="3">
										<p:commandLink value="Inicio" action="menu.xhtml" />
										<p:commandLink value="Novo Cliente"
											action="cadastro-de-cliente" />
										<p:commandLink value="Relatórios"
											action="lista-de-usuarios.xhtml" />
									</p:panelGrid>
								</p:panel>
								<p:dataTable value="#{clienteBean.listClientes}" var="cliente"
									border="1" emptyMessage="Não ha registros"
									filterBay="#{clienteBean.cliente}" id="tabela" paginator="true">
									<p:column>
										<f:facet name="header">
			   	   Codigo:
			        </f:facet>
										<h:outputText value="#{cliente.id}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	    Nome/Razão Social:
			        </f:facet>
										<h:outputText value="#{cliente.nome}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Apelido/Fantasia:
			        </f:facet>
										<h:outputText value="#{cliente.apelido}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   CPF/CNPJ
			        </f:facet>
										<h:outputText value="#{cliente.cpfCnpj}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Endereço
			        </f:facet>
										<h:outputText value="#{cliente.endereco.endereco}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Complemento
			        </f:facet>
										<h:outputText value="#{cliente.endereco.complemento}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Bairro
			        </f:facet>
										<h:outputText value="#{cliente.endereco.bairro}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   cep
			        </f:facet>
										<h:outputText value="#{cliente.endereco.cep}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   cidade
			        </f:facet>
										<h:outputText value="#{cliente.endereco.cidade}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Estado
			        </f:facet>
										<h:outputText value="#{cliente.endereco.estado}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Telefones
			        </f:facet>
										<h:outputText
											value="#{cliente.contato.telefone}/#{cliente.contato.telefoneAux}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Emails
			        </f:facet>
										<h:outputText
											value="#{cliente.contato.email}/#{cliente.contato.emailAux}" />
									</p:column>
									<p:column>
										<f:facet name="header">
			   	   Ações
			        </f:facet>
										<p:commandButton update=":lista-de-clientes" value="Remover"
											id="remove" action="#{clienteBean.remover}">
											<f:param name="idCliente" value="#{cliente.id}" />
										</p:commandButton>
										<p:commandButton value="Editar" id="edit"
											action="#{clienteBean.carregar}">
											<f:param name="idCliente" value="#{cliente.id}" />
										</p:commandButton>
									</p:column>
								</p:dataTable>
							</h:form>
						</center>

					</p:layoutUnit>
				</p:layout>
			</p:layout>

		</h:form>

	</f:view>

</h:body>
</html>
